<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>NCUT 猫</title>
    <!-- jquery -->
    <script src="./lib/jquery.min.js"></script>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="./lib/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/bootstrap-theme.min.css">
    <script src="./lib/bootstrap.min.js"></script>
    <!-- marked -->
    <script src="./lib/marked.min.js"></script>
    <!-- vue -->
    <script src="./lib/vue.js"></script>
    <!-- js -->
    <script src="./js/ConstData.js"></script>
    <script src="./js/navManager.js"></script>
    <script src="./js/tool.js"></script>
    <script src="./js/editor.js"></script>
    <!-- css -->
    <link rel="stylesheet" type="text/css" href="./css/mainFrame.css">
    <link rel="stylesheet" type="text/css" href="./css/markdown.css">
    <link rel="stylesheet" type="text/css" href="./css/editor.css">
    <!-- icon -->
    <script src="./icon/iconfont.js"></script>
</head>

<body>
    <span class="title" style="width: 99%;">编辑器</span>
    <button id="finish" onclick="finish()" class="btn btn-success">完成编辑</button>
    <div class="input-group" style="width: 95%;margin: 2vw auto;">
        <div class="input-group-prepend">
            <span class="input-group-text">标题</span>
        </div>
        <input type="text" class="form-control" placeholder="Title" id="input_title"onkeyup="savePage()">
    </div>
    <div id="tags">
    </div>
    <input id="search_input" type="text" onkeyup="search_tag(this.value)" style="width:90%;left: 5%;position: relative;" value="" placeholder="搜索标签" />
    <div id="tags_editor">
    </div>
    <div class="btn-group" id="editor_btn">
        <script type="text/javascript">
        let funBtn_;
        /**fun*/
        function funBtn(tar) {
            return funBtn_ = funBtn_ ? clearInterval(funBtn_) : setInterval(() => $(".btn").each((i, e) => shake($(e), 2, Math.random() * 50 + 3, 150 + Math.random() * 150)), 300);
        }
        </script>
        <button class="btn btn-info" onclick="funBtn(this)">F</button>
    </div>
    <textarea id="input_field" onkeyup='flushContent()'></textarea>
    <span class="title">内容预览</span>
    <div id="output_field" class="markdown"></div>
</body>

</html>